<template>
  <div class="tab2">
    <div class="second">
      <p class="title">
        <span>公司研学</span>
        <span style="color:rgb(74, 179, 68)">服务</span>
      </p>
      <div class="bgIcon">
        <div>
          <img src="@/assets/img/logo.png" alt width="300" />
        </div>
        <div style="margin-top: 75px;">
          <div>三大服务理念：安全第一，教育为本，学员首位</div>
          <div class="common">
            <div class="severStyle1">安全第一</div>
            <div style="text-align: left;">
              <span style="display: inline-block;margin-left: 10px">
                预防：安全协议先行；三重安全教育；细节把控贯穿全程
                <br />应对：安全工作预案完善
                <br />处理：中国人保合作保险
                <br />
              </span>
            </div>
            <div>
              专家学者组成顾问团
              <br />最低本科学历研学导师
              <br />一期一主题
              <br />一期一手册
              <br />一期一方案
            </div>
            <div class="severStyle1">教育为本</div>
            <div class="severStyle1">学员首位</div>
            <div style="text-align: left">
              <span style="display: inline-block;margin-left: 10px">
                衣食住行照料无微不至
                <br />24小时看护绝不间断
                <br />教官导师医护缺一不可
                <br />绝不为省成本组“大班”
                <br />
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import banner1 from "../assets/img/tab1/banner1.png";
export default {
  data() {
    return {
      bannerList: [],
      banner1: banner1
    };
  }
};
</script>
<style lang="less">
.tab2 {
  background: url("../assets/img/table2/threeFloor.jpg") no-repeat;
  background-size: 100% 100%;
  .second {
    height: 780px;
    margin: auto;
    width: 1200px;
    .title {
      font-size: 30px;
      color: rgb(255, 255, 255);
      font-weight: bold;
    }
  }
  .bgIcon > div {
    display: inline-block;
  }
  .bgIcon > div:nth-child(1) {
    width: 500px;
    text-align: right;
    position: relative;
    top: -140px;
  }
  .bgIcon > div:nth-child(2) {
    width: 600px;
    height: 620px;
    color: rgb(255, 255, 255);
    font-size: 16px;
  }
}
.common {
  margin-top: 30px;
}
.common > div {
  width: 220px;
  height: 120px;
  display: inline-block;
  overflow: hidden;
  background-color: rgb(127, 127, 127);
  font-size: 16px;
  text-align: center;
  margin-top: 35px;
  margin-left: 15px;
  line-height: 30px;
}
.common > .severStyle1 {
  font-size: 20px;
  line-height: 100px;
  background-color: rgb(24, 101, 207);
}
</style>
